<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		@media screen and (max-height: 800px) {
		    .right {
		        position: absolute !important;
		        z-index: 10;
		    }
		}
		.right {
		    position: fixed;
		    left: 35%;
		    top: 30px;
		    z-index: 10;
		    margin-left: 2.5em;
		}
		div {
		    display: block;
		    unicode-bidi: isolate;
		}
		body {
		    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		    font-size: 16px;
		    color: #333;
		}
		
		::-webkit-scrollbar {
		    width: 8px;
		    height: 4px;
		    cursor: pointer;
		}
		::-webkit-scrollbar-thumb {
		    border-radius: 8px;
		    background-color: #c1c1c1;
		    background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .2) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .2) 75%, transparent 0, transparent);
		}

	</style>
	<body>
		<div class="custom-block right">
			<div class="fui-iphone">
				<div class="fui-iphone-top"><span class="fui-camera"></span> <span class="fui-sensor"></span> <span
						class="fui-speaker"></span></div> 
						
						<iframe height="568" width="320" 
						src="https://m.firstui.cn/#/pages/component/basics/button/button?v=v2.4.0" frameborder="0" allowfullscreen="allowfullscreen" class="fui-iframe__box"></iframe>
			</div>
		</div>
	</body>
</html>